import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { fileURLToPath, URL } from 'node:url'

// 加载自动导入的插件
import AutoImport from 'unplugin-auto-import/vite'

// 兼容nodejs require 方法
import commonjs from 'vite-plugin-commonjs'

// 加载自动生成路由插件
import Pages from 'vite-plugin-pages'

//加载scope-css插件
import { reactScopedCssPlugin } from 'rollup-plugin-react-scoped-css'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    react(),
    commonjs(),
    reactScopedCssPlugin(),
    AutoImport({
      imports: ['react', 'react-router-dom']
    }),
    Pages({
      dirs: 'src/views', // 需要生成路由的组件目录
      exclude: ['**/components/*.tsx']  // 排除在外的目录，即所有 components 目录下的 .tsx 文件都不会生成路由
    })
  ],
  resolve: {
    alias: {
      //设置@符号 别名路径变量
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  server: {
    proxy: {
      "/hotel": {
        target: "http://www.fast.com/hotel",
        // target: "http://aaafast.varres.cn/hotel",
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/hotel/, '')
      }
    }
  }
})
